<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/12/5 0005
  Time: 9:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<link rel="stylesheet" href="/asserts/vendors/bootstrap-3.4.1-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="/asserts/vendors/font-awesome-4.7.0/css/font-awesome.min.css">
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div class="container-fluid" >
    <h2>Hello, <span id="uname">第三队</span>!</h2>
    <div style="display: flex; flex-direction: row;margin-top: 25px">
        <div class="card1" style="width: 23rem; border: #0f0f0f solid 2px">
            <div class="card-body1" style="padding: 5px;display: flex;flex-direction: row;align-items: center">
                <div style="flex: 1;text-align: center">
                    <b style="color: #0f0f0f"><h5 class="card-title">商品总数</h5></b>
                    <h3 class="card-subtitle mb-2 text-muted" id="shopCount"></h3>
                </div>
                <i class="fa fa-th-large fa-4x" aria-hidden="true" style="flex: 1;text-align: right"></i>
            </div>
        </div>
        <div class="card2" style="width: 23rem; border: #0f0f0f solid 2px;margin-left: 50px">
            <div class="card-body2" style="padding: 5px;display: flex;flex-direction: row;align-items: center">
                <div style="flex: 1;text-align: center">
                    <b style="color: #0f0f0f"><h5 class="card-title">用户总数</h5></b>
                    <h3 class="card-subtitle mb-2 text-muted" id="userCount"></h3>
                </div>
                <i class="fa fa-user-circle-o fa-4x" aria-hidden="true" style="flex: 1;text-align: right"></i>
            </div>
        </div>
    </div>
</div>
<script src="/asserts/vendors/jquery.min.js"></script>
<script src="/asserts/js/welcome.js"></script>